﻿* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 20px;
    background-color: rgb(244, 244, 244);
}

.main {
    width: 100%;
    height: auto;
}

.gift-container {
    height: 6.5em;
    border-bottom: 1px dotted rgb(203, 203, 203);
}

.title-container {
    height: 3.4em;
    width: 100%;
    background-size: contain;
    background-repeat: repeat-x;
}

.title-content {
    height: 2em;
    color: white;
    padding-top: 0.6em;
}

.logo {
    margin-left: 0.4em;
    float: left;
    width: 1.8em;
    height: 1.8em;
    background-size: contain;
}

.logo-text {
    margin-left: 0.4em;
    float: left;
    width: 1.8em;
    height: 1.8em;
    background-size: contain;
}

.title {
    float: left;
    margin-left: 0.6em;
    height: 1.8em;
}

.title table {
    border: 0px;
    height: 100%;
}

.title table #title-main {
    font-size: 0.7em;
    vertical-align: top;
}

.title table #title-desc {
    font-size: 0.4em;
    vertical-align: bottom;
}

.bless-container {
    margin-top: 1.3em;
    height: 2.1em;
}

.user-head {
    height: 2.1em;
    width: 2.1em;
    margin-left: 0.4em;
    float: left;
}

.user-head img {
    height: 2em;
    width: 2em;
    border-radius: 1em;
}

.user-bless {
    height: 2em;
    float: left;
    margin-left: 0.5em;
}

.user-bless table {
    height: 100%;
    border: 0px;
}

.user-bless table #user-target {
    font-size: 0.5em;
    color: rgb(152, 152, 152);
}

.user-bless table #bless-text {
    font-size: 0.5em;
    color: rgb(102, 102, 102);
}

.gift-list {
    width: 100%;
    height: auto;
    margin-top: 0.4em;
}

.list-item {
    clear: left;
    padding-top: 0.9em;
    padding-bottom: 0.9em;
    border-bottom: 1px solid rgb(221, 221, 221);
    height: 2em;
}

.list-item #gift-img-div {
    float: left;
    margin-left: 0.5em;
}

.list-item #gift-img-div img {
    height: 2.2em;
    width: 2.2em;
}

.item-left {
    width: 12em;
    height: 2.2em;
    float: left;
    margin-left: 0.6em;
    color: rgb(102, 102, 102);
}

.item-left table {
    height: 100%;
    border: 0px;
}

.item-left table #gift-name {
    color: #333333;
    vertical-align: top;
}

.item-left table #gift-name div {
    width: 12em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-left table #gift-name div label{
    font-size: 0.7em;
}

.item-left table #gift-status {
    font-size: 0.5em;
    color: rgb(166, 166, 166);
    height: 0.8em;
    vertical-align: bottom;
}

.item-right {
    float: right;
    margin-right: 0.6em;
    font-size: 0.65em;
    color: rgb(102, 102, 102);
    margin-top: 1em;
}

.view-ems {
    height: 1.9em;
    color: rgb(157, 157, 157);
    border-bottom: 1px solid rgb(221, 221, 221);
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-top: 0.3em;
}

.view-ems #ems-left {
    float: left;
    font-size: 0.7em;
    margin-top: 0.9em;
}

.view-ems #ems-right {
    float: right;
    margin-top: 0.6em;
}

.view-ems #ems-right img {
    height: 1em;
    width: 0.6em;
}

.receive-info-container {
    border-bottom: 1px solid rgb(221, 221, 221);
    padding-top: 0.8em;
    padding-bottom: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    height: 2.6em;
}

.receive-person {
    color: rgb(51, 51, 51);
    font-size: 0.7em;
}

.receive-address {
    font-size: 0.6em;
    color: rgb(157, 157, 157);
    margin-top: 0.4em;
}

.history-list {
    background-color: white;
}

.history-item {
    height: 1.8em;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-right: 0.5em;
    padding-left: 0.4em;
}

.user-head-history {
    height: 2.1em;
    width: 2.1em;
    float: left;
}

.user-head-history img {
    height: 1.8em;
    width: 1.8em;
    border-radius: 0.9em;
}

.history-info {
    font-size: 0.7em;
    color: rgb(157, 157, 157);
    margin-top: 0.6em;
    float: left;
}

.history-info span {
    color: rgb(215, 0, 15);
}

.history-right {
    color: rgb(215, 0, 15);
    font-size: 0.7em;
    margin-top: 0.6em;
    float: right;
}

.exchanged-info {

    border-bottom: 1px solid rgb(221, 221, 221);
    text-align: center;
    padding-top: 1.5em;
    padding-bottom: 1.6em;
}

.exchanged-info span {
    font-size: 0.65em;
    color: rgb(157, 157, 157);

}
